<?php
    session_start();
    if(!isset($_SESSION['usuario'])){
        header('location:../../Inicio.html');
    }
    //echo$_SESSION['conexion']
?>

<!DOCTYPE html>
<html>
    <head>
        <title>Polla Mundial 2014 SES</title>
        <script src="jquery-1.9.1.min.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="../css/estilos2.css" />
        <!--LIBRERIAS PARA LA CREACION DE ALERTAS-->
        <script type="text/javascript" src="../alerts/functions.js"></script>
        <link href="../alerts/style.css" rel="stylesheet">
        <style>
         .black_overlay{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
        
        .white_content {
            display: none;
            position: absolute;
            top: 25%;
            left: 25%;
            width: 50%;
            height: 57%;
            padding: 16px;
            z-index:1002;
            overflow: auto;
            background-image: url(../imagen/cancha.png);
            background-repeat: no-repeat;
            background-size:100% 100%;

        }
        .white_content2 {
            display: none;
            position: absolute;
            top: 25%;
            left: 9%;
            width: 80%;
            height: 57%;
            padding: 16px;
            z-index:1002;
            overflow: auto;
            background-image: url(../imagen/cancha.png);
            background-repeat: no-repeat;
            background-size:100% 100%;

        }
        .button {
            /* Round 1 */
            border:1px solid #666;
            cursor:pointer;
            display:block;
            margin:10px auto 0;
            padding:3px;
            text-align:center;
            text-decoration:none;
            width:auto;
            height: 25px;
            /* Round 2 */
            -moz-border-radius:15px;
            -webkit-border-radius:15px;
            background:#20c167;
            background-image:-moz-linear-gradient(top, #20c167, #157f44);
            background-image:-o-linear-gradient(top, #20c167, #157f44);
            background-image:-webkit-gradient(linear, center top, center bottom, from(#20c167), to(#157f44));
            background-image:linear-gradient(top, #20c167, #157f44);
            border-radius:15px;
            color:#FFF;
            font-size:.75em;
            font-weight:bold;
            text-shadow:-1px -1px 0 #444;
          }
          
        </style>
        <script>
        
            function cargarRes(){
                
                for(var i = 1; i<= 9; i++){
                    $("#resA").append('<option value='+ i +'>'+ i +'</option>');
                }
                
                for(var i = 1; i<= 9; i++){
                    $("#resB").append('<option value='+ i +'>'+ i +'</option>');
                }
                
            }
            
             function cargarProg(){
                
                var tc = 1;
                
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Controlador/consultas/crudProgramacion.php",
                    data: {tc:tc},
                    success: tablaProg,
                    timeout: 4000
                });
                
            }
            
            function pollaSJ(e1,e2){
             
                 userApprove("<h1><br></h1><p>Usted no dio el pronostico "+ e1 +" VS "+ e2 +"</p>", "OK", function() { });
             
            }
            
            function pollaJ(oidpro){
                $("#"+document.getElementById("pj").value).text('');
                $("#"+oidpro).html('<img src="../imagen/selec.jpg" width="25" height="25" alt="selec"/>');
                window.location = '#'+oidpro;
                document.getElementById("pj").value = oidpro;
                
            }
            
            function tablaProg(datos){
                $("#contenidop").text("");
                rpt = $.parseJSON(datos);
                var resp = "";
                
                var cont = 1;
                resp += "<table style='width:100%;'>\
                            <tr id='filas2'>\
                                <td>\
                                </td>\
                                <td colspan='2' align='center'>\
                                    <strong>LOCAL</strong>\
                                </td>\
                                <td></td>\
                                <td></td>\
                                <td></td>\
                                <td colspan='2' align='center'>\
                                    <strong>VISITANTE</strong>\
                                </td>\
                                <td>\
                                    <strong>FECHA ENCUENTRO</strong>\
                                </td>\
                                <td>\
                                    <strong>ESTADO</strong>\
                                </td>\
                                <td>\
                                    \
                                </td>\
                            </tr>";
                for(r in rpt){
                    
                    var estado = rpt[r].ESTADO;
                    var pol = rpt[r].cant;
                    var oidpol = rpt[r].oidpolla;
                    var e1 = "'"+rpt[r].equi1+"'";
                    var e2 = "'"+rpt[r].equi2+"'";
                    
                    if(oidpol == null && estado == 1){
                        var pola = '<img onclick="pollaSJ('+ e1 +','+ e2 +');" title="Polla sin jugar" style="cursor:pointer" src="../imagen/cancel.png" width="15" height="15" alt="aceptar"/>';
                    }else if(oidpol == null && estado == 0){
                        pola = '';
                    }else{
                        pola = '<img onclick="pollaJ('+ rpt[r].OID +');" title="Polla jugada" style="cursor:pointer" src="../imagen/aceptar.png" width="15" height="15" alt="aceptar"/>';
                    }
                    
                    if(estado == 0){
                        var estado2 = /*'<img src="../imagen/activo.png" width="25" height="25" alt="activo"/>'*/'Sin Jugar';
                        var che = "checked";
                    }else{
                        estado2 = 'Jugado';
                        che = "";
                    }
                    
                    if(estado == 0){
                        var funcion = 'onclick="cargarP('+ r +','+ rpt[r].OID  +','+ rpt[r].RESULTADO +','+ rpt[r].RESULTADO2 +','+ rpt[r].oide1 +','+ rpt[r].oide2 +','+ rpt[r].minutos +');" style="cursor:pointer"';
                    }else{
                        funcion = "";
                    }
                    
                    if(pol == null){
                        funcion = 'onclick="cargarP('+ r +','+ rpt[r].OID  +','+ rpt[r].RESULTADO +','+ rpt[r].RESULTADO2 +','+ rpt[r].oide1 +','+ rpt[r].oide2 +','+ rpt[r].minutos +');" style="cursor:pointer"';
                    }else{
                        funcion = "";
                    }
                
                    resp += '<tr>\
                                <td id="filas" '+ funcion +'>\
                                    '+ cont +'\
                                </td>\
                                <td '+ funcion +' id="filas" title="'+ rpt[r].equi1 +'"> <input type="hidden" name="txtequipo1" value="'+ rpt[r].equi1 +'"  id="equipo1'+ r +'"/>\
                                    '+ rpt[r].equi1 +'\
                                </td>\
                                <td '+ funcion +' id="filas" title="Bandera seleccion">\
                                    <img src="../imagen/banderas/'+ rpt[r].equi1 +'.png" width="25" height="20" alt="Ghana"/>\
                                </td>\
                                 <td '+ funcion +' id="filas" title="Goles">\
                                    '+ rpt[r].RESULTADO +'\
                                </td>\
                                <td '+ funcion +' id="filas" >\
                                    VS\
                                </td>\
                                <td '+ funcion +' id="filas" title="Goles">\
                                    '+ rpt[r].RESULTADO2 +'\
                                </td>\
                                <td '+ funcion +' id="filas" title="Bandera seleccion">\
                                    <img src="../imagen/banderas/'+ rpt[r].equi2 +'.png" width="25" height="20" alt="Ghana"/>\
                                </td>\
                                <td '+ funcion +' id="filas" title="'+ rpt[r].equi2 +'"> <input type="hidden" name="txtequipo1" value="'+ rpt[r].equi2 +'"  id="equipo2'+ r +'"/>\
                                    '+ rpt[r].equi2 +'\
                                </td>\
                                <td '+ funcion +' id="filas" title="Fecha de encuentro"> \
                                    '+ rpt[r].FECHA +' <input type="hidden" name="txtfechae" value="'+ rpt[r].FECHA +'"  id="fe'+ r +'"/>\
                                </td>\
                                <td '+ funcion +' id="filas" title="Estado encuentro">\
                                    '+ estado2 +'\
                                </td>\
                                <td id="filas">\
                                    '+ pola +'\
                                </td>\
                             </tr>';
                    cont++;
                }
                
                resp += "</table>";
                $("#contenidop").append(resp);
            }
            
                
            function cargarP(pos,oid,res1,res2,oide1,oide2,minutos){
                
                //consmin(oid);
                    var tc = 5;
                    $.ajax({
                        async: true,
                        type: "POST",
                        dataType: "json",
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        url: "../../controlador/consultas/crudProgramacion.php",
                        data: {tc:tc,oidp:oid},
                        success: function respuestacm(datos){
                                    var minutos = datos.respuesta;
                                    cargarP2(oide1,oide2,oid,res1,res2,pos,minutos);
                                 }
                    });
            }
            
            
            function cargarP2(oide1,oide2,oid,res1,res2,pos,minutos){
            
                var minutos2 = minutos;
                
                 if(minutos2 <= 20){
                    
                    if(minutos <= 0){
                        
                        if(minutos >= -100){
                            userApprove("<h1><br></h1><p>En este momento el encuentro esta en juego</p>", "OK", function() { });
                        }else if(minutos < -100){
                            userApprove("<h1><br></h1><p>El encuentro ya se jugo</p>", "OK", function() { });
                        }
                        
                    }else{
                        userApprove("<h1><br></h1><p>El juego se encuetra cerrado, faltan "+minutos2+" minutos para el comienzo</p>", "OK", function() { });
                    }
                    
                    
                }else{
                        limpiar();
                        document.getElementById("equipoA").value = oide1;
                        document.getElementById("equipoB").value = oide2;
                        document.getElementById("oidpro").value = oid;
                        document.getElementById("resA").value = res1;
                        document.getElementById("resB").value = res2;

                        $("#fechae").html(document.getElementById("fe"+pos).value);
                        $("#equipoA").html('<table><tr><td><img style="margin-top:20px" src="../imagen/banderas/'+ document.getElementById("equipo1"+pos).value +'.png" width="100" height="80" alt=""/></td></tr><td align="center"><strong>'+ document.getElementById("equipo1"+pos).value +'</strong></td></tr></table>');
                        $("#equipoB").html('<table><tr><td><img style="margin-top:20px" src="../imagen/banderas/'+ document.getElementById("equipo2"+pos).value +'.png" width="100" height="80" alt=""/></td></tr><td align="center"><strong>'+ document.getElementById("equipo2"+pos).value +'</strong></td></tr></table>');


                        //$("#regisp").html('<input style="font-size: 100%" type="button" value="Editar" onclick="editarProg();"/>');
                        //$("#regisp2").html('<input style="font-size: 100%" type="reset" value="Cancelar" onclick="cancelp();"/>');
                        
                    }
            
            }
            
            

            
            
            function limpiar(){
                
                $("#equipoA").text("");
                $("#equipoB").text("");
                document.getElementById("resA").value = '';
                document.getElementById("resB").value = '';
                $("#fechae").text("");
                botones();
                
            }
            function validar(){
                var res1 = $("#resA").val();
                var res2 = $("#resB").val();
                
                if(res1 == "" && res2 == ""){
                     userApprove("<h1><br></h1><b>Seleccione Una Programacion</p>", "OK", function() { });
                    $("#resA").focus();
                    return false;
                }
                
                insertarPolla();
            }
            
            function insertarPolla(){
                
                var tc = 2;
                var oidp = $("#oidpro").val();
                var res1 = $("#resA").val();
                var res2 = $("#resB").val();
                
                
                //alert(sel1+"-"+sel2+"-"+res1+"-"+res2+"-"+fechaen);
                
                $.ajax({
                    async: true,
                    type: "POST",
                    dataType: "json",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../controlador/consultas/crudPolla.php",
                    data: {tc:tc,oidp:oidp,res1:res1,res2:res2},
                    success: respuestapo,
                    timeout: 4000
                });
                
            }
            
            function respuestapo(datos){
                var res = datos.respuesta;
                
                if(res == 1){
                    userApprove("<h1><br></h1><p>El juego ya se encuentra registrado</p>", "OK", function() { });
                }else if(res == 0){
                    limpiar();
                    mostrarPolla2();
                    cargarProg();
                }
                
            }
            
            function mostrarPolla(){
                
                var tc = 1;
                
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Controlador/consultas/crudPolla.php",
                    data: {tc:tc},
                    success: pollas,
                    timeout: 4000
                });
                
            }
            
            function pollas(datos){
                
                rpt = $.parseJSON(datos);
                
                for(r in rpt){
                    
                     var estadop = rpt[r].estadop; 
                     var respro1 =  rpt[r].resp1;
                     var respro2 =  rpt[r].resp2;
                     var respol1 =  rpt[r].respo1;
                     var respol2 =  rpt[r].respo2;
                     var oidpun  =  rpt[r].codigopuntuacion;
                     var oidpolla = rpt[r].oidp;
                     
                    if(estadop == 1){
                        
                        var puntos1 = 0;
                        var puntos2 = 0;
                        var puntos3 = 0;
                        var puntos4 = 0;
                        var puntos5 = 0;
                        var total = 0;
                        //var suma = 0;
                        
                        if(respro1 > respro2 && respol1 > respol2){
                            puntos1 = 6;
                            //alert(puntos1);
                        }else{
                            puntos1 = 0;
                            //alert(puntos1);
                        }
                        
                        if(respro1 < respro2 && respol1 < respol2){
                            puntos5 = 6;
                            //alert(puntos1);
                        }else{
                            puntos5 = 0;
                            //alert(puntos1);
                        }
                        
                        
                        
                        if(respro1 == respro2 && respol1 == respol2){
                            puntos2 = 6;
                            //alert(puntos2);
                        }else{
                            puntos2 = 0;
                        }
                        
                        
                        if(respro1 == respol1){
                            puntos3 = 2;
                            //alert(puntos3);
                        }else{
                            puntos3 = 0;
                            //alert(puntos3);
                        }
                        
                        
                        
                        if(respro2 == respol2){
                            puntos4 = 2;
                            //alert(puntos4);
                        }else{
                            puntos4 = 0;
                            //alert(puntos4);
                        }
                        
                        total = parseInt(puntos1)+parseInt(puntos2)+parseInt(puntos3)+parseInt(puntos4)+parseInt(puntos5);
                        puntuacion(total,oidpun,oidpolla);
                        
                    }else{
                        
                        puntos1 = 0;
                        puntos2 = 0;
                        puntos3 = 0;
                        puntos4 = 0;
                        puntos5 = 0;
                        total = 0;
                        
                    }
                    
                    
                    
                }
                mostrarPolla2();
                
            }
            
            function puntuacion(total,oidp,oidpolla){
                
                var tc = 2;
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Controlador/consultas/crudPuntuacion.php",
                    data: {tc:tc,total:total,oidp:oidp,oidpolla:oidpolla},
                    timeout: 4000
                });
                
            }
            
            function mostrarPolla2(){
                var tc = 1;
                
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Controlador/consultas/crudPolla.php",
                    data: {tc:tc},
                    success: pollas2,
                    timeout: 4000
                });
                
            }
            
            function pollas2(datos){
                
                $("#contenidor").text("");
                rpt = $.parseJSON(datos);
                
                var resp = "";
                var totalp = 0;
                resp += '<table style="width:100%;font-size:100%">\
                            <tr>\
                                <td id="filas2">\
                                </td>\
                                <td id="filas2" colspan="7">\
                                    <strong>MIS RESULTADOS</strong>\
                                </td>\
                                <td id="filas2">\
                                    \
                                </td>\
                                <td id="filas2" colspan="7">\
                                    <strong>RESULTADOS DE LA PROGRAMACION</strong>\
                                </td>\
                                <td id="filas2">\
                                    <strong>PUNTOS POR JUEGO</strong>\
                                </td>\
                                <td id="filas2">\
                                    <strong>ESTADO POLLA</strong>\
                                </td>\
                            </tr>';
                var cont = 1;
                for(r in rpt){
                    
                    var estado = rpt[r].estadop;
                    
                    if(estado == 0){
                        var estado2 = 'Sin Jugar';
                    }else{
                        estado2 = 'Jugado';
                    }
                    
                    if(estado == 0){
                        var funcion = 'onclick="cargarJ('+ rpt[r].oidp +','+ r +','+ rpt[r].respo1 +','+ rpt[r].respo2 +','+ rpt[r].minutos +');" style="cursor:pointer"';
                    }else{
                        funcion = "";
                    }
                   
                    resp += "<tr "+ funcion +">\
                                <td id='filas'>\
                                    "+ cont +"\
                                </td>\
                                <td id='filas'>\
                                    "+ rpt[r].equi1 + "<input type='hidden' id='equipoA"+ r +"' name='' value='"+ rpt[r].equi1 +"' /><input type='hidden' id='equipoB"+ r +"' name='' value='"+ rpt[r].equi2 +"' />\
                                </td>\
                                <td id='filas'>\
                                    <img style='margin-top:10px;' src='../imagen/banderas/"+ rpt[r].equi1 +".png' width='25' height='20' alt=''/>\
                                </td>\
                                <td id='filas'>\
                                    "+ rpt[r].respo1 +"\
                                </td>\
                                <td id='filas'>\
                                    <strong>VS</strong>\
                                </td>\
                                <td id='filas'>\
                                    "+ rpt[r].respo2 +"\
                                </td>\
                                <td id='filas'>\
                                    <img style='margin-top:10px;' src='../imagen/banderas/"+ rpt[r].equi2 +".png' width='25' height='20' alt=''/>\
                                </td>\
                                <td id='filas'>\
                                    "+ rpt[r].equi2  +"\
                                </td>\
                                <td id='filas' width='70px'>\
                                    \
                                </td>\
                                <td id='filas'>\
                                    "+ rpt[r].equi1 +"\
                                </td>\
                                <td id='filas'>\
                                    <img style='margin-top:10px;' src='../imagen/banderas/"+ rpt[r].equi1 +".png' width='25' height='20' alt=''/>\
                                </td>\
                                <td id='filas'>\
                                    "+ rpt[r].resp1 +"\
                                </td>\
                                <td id='filas'>\
                                    <strong>VS</strong>\
                                </td>\
                                <td id='filas'>\
                                    "+ rpt[r].resp2 +"\
                                </td>\
                                <td id='filas'>\
                                    <img style='margin-top:10px;' src='../imagen/banderas/"+ rpt[r].equi2 +".png' width='25' height='20' alt=''/>\
                                </td>\
                                <td id='filas'>\
                                    "+ rpt[r].equi2  +"\
                                </td>\
                                <td id='filas' title='Puntos Polla "+ rpt[r].equi1 +" VS "+ rpt[r].equi2 +"'>\
                                    "+ rpt[r].PUNTAJE  +"\
                                </td>\
                                <td id='filas' title='Estado de la polla'>\
                                    <table align=center><tr><td>"+ estado2 +"</td><td><div id='"+ rpt[r].oidprograma +"'></div></td></td></table>\
                                </td>\
                             </tr>";
                              totalp = parseInt(totalp+rpt[r].PUNTAJE);
                              
                              cont++;
                             
                }
                
                    resp += "</table>";
                
                $("#contenidor").append(resp);
                $("#puntuacion").html('<font color="green">TOTAL PUNTOS: '+totalp+'</font>');
                
            }
            
            function tablaPUsuarios(usuoid){
                
                var tc = 5;
                
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Controlador/consultas/crudPolla.php",
                    data: {tc:tc,usuoid:usuoid},
                    success: pollas4,
                    timeout: 4000
                });
                
            }
            
            function pollas4(datos){
                $("#taup").text("");
                rpt = $.parseJSON(datos);
                
                var resp = "";
                var totalp = 0;
                resp += '<table style="width:100%;font-size:70%;background-color: whitesmoke;opacity: .80">\
                            <tr>\
                                <td id="filas2">\
                                </td>\
                                <td id="filas2" colspan="7">\
                                    <strong>RESULTADOS DE LA POLLA</strong>\
                                </td>\
                                <td id="filas2">\
                                    \
                                </td>\
                                <td id="filas2" colspan="7">\
                                    <strong>RESULTADOS DE LA PROGRAMACION</strong>\
                                </td>\
                                <td id="filas2">\
                                    <strong>PUNTOS POR JUEGO</strong>\
                                </td>\
                            </tr>';
                var cont = 1;
                for(r in rpt){
                   
                   $("#usua").html(rpt[r].nombres);
                   
                    resp += "<tr>\
                                <td id='filas'>\
                                    "+ cont +"\
                                </td>\
                                <td id='filas'>\
                                    "+ rpt[r].equi1 + "<input type='hidden' id='equipoA"+ r +"' name='' value='"+ rpt[r].equi1 +"' /><input type='hidden' id='equipoB"+ r +"' name='' value='"+ rpt[r].equi2 +"' />\
                                </td>\
                                <td id='filas'>\
                                    <img style='margin-top:10px;' src='../imagen/banderas/"+ rpt[r].equi1 +".png' width='25' height='20' alt=''/>\
                                </td>\
                                <td id='filas'>\
                                    "+ rpt[r].respo1 +"\
                                </td>\
                                <td id='filas'>\
                                    <strong>VS</strong>\
                                </td>\
                                <td id='filas'>\
                                    "+ rpt[r].respo2 +"\
                                </td>\
                                <td id='filas'>\
                                    <img style='margin-top:10px;' src='../imagen/banderas/"+ rpt[r].equi2 +".png' width='25' height='20' alt=''/>\
                                </td>\
                                <td id='filas'>\
                                    "+ rpt[r].equi2  +"\
                                </td>\
                                <td id='filas' width='70px'>\
                                    \
                                </td>\
                                <td id='filas'>\
                                    "+ rpt[r].equi1 +"\
                                </td>\
                                <td id='filas'>\
                                    <img style='margin-top:10px;' src='../imagen/banderas/"+ rpt[r].equi1 +".png' width='25' height='20' alt=''/>\
                                </td>\
                                <td id='filas'>\
                                    "+ rpt[r].resp1 +"\
                                </td>\
                                <td id='filas'>\
                                    <strong>VS</strong>\
                                </td>\
                                <td id='filas'>\
                                    "+ rpt[r].resp2 +"\
                                </td>\
                                <td id='filas'>\
                                    <img style='margin-top:10px;' src='../imagen/banderas/"+ rpt[r].equi2 +".png' width='25' height='20' alt=''/>\
                                </td>\
                                <td id='filas'>\
                                    "+ rpt[r].equi2  +"\
                                </td>\
                                <td id='filas' title='Puntos Polla "+ rpt[r].equi1 +" VS "+ rpt[r].equi2 +"'>\
                                    "+ rpt[r].PUNTAJE  +"\
                                </td>\
                             </tr>";
                              totalp = parseInt(totalp+rpt[r].PUNTAJE);
                              
                              cont++;
                             
                }
                
                    resp += "</table>";
                
                $("#taup").append(resp);
                $("#tpusu").html(totalp);
                document.getElementById('light4').style.display='block';document.getElementById('fade').style.display='block'
                
            }
            
            function cargarJ(oid,pos,res1,res2,minuto){
                
                //alert(oidp+"-"+pos+"-"+res1+"-"+res2);
                var tc = 6;
                $.ajax({
                    async: true,
                    type: "POST",
                    dataType: "json",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../controlador/consultas/crudProgramacion.php",
                    data: {tc:tc,oidp:oid},
                    success: function respuestacm(datos){
                                var minutos = datos.respuesta;
                                cargarJ2(oid,res1,res2,pos,minutos);
                             }
                });
                
                
            }
            
            function cargarJ2(oidp,res1,res2,pos,minutos){
            
            
                if(minutos <= 20){
                    
                    if(minutos <= 0){
                        if(minutos >= -100){
                            userApprove("<h1><br></h1><p>En este momento el encuentro esta en juego</p>", "OK", function() { });
                        }else if(minutos < -100){
                            userApprove("<h1><br></h1><p>El encuentro ya se jugo</p>", "OK", function() { });
                        }
                    }else{
                        userApprove("<h1><br></h1><p>El juego se encuetra cerrado, faltan "+minutos+" minutos para el comienzo</p>", "OK", function() { });
                    }
                    
                }else{
                
                    document.getElementById("oidpro").value = oidp;
                    document.getElementById("resA").value = res1;
                    document.getElementById("resB").value = res2;

                    $("#equipoA").html('<table><tr><td><img style="margin-top:20px" src="../imagen/banderas/'+ document.getElementById("equipoA"+pos).value +'.png" width="100" height="80" alt=""/></td></tr><td align="center"><strong>'+ document.getElementById("equipoA"+pos).value +'</strong></td></tr></table>');
                    $("#equipoB").html('<table><tr><td><img style="margin-top:20px" src="../imagen/banderas/'+ document.getElementById("equipoB"+pos).value +'.png" width="100" height="80" alt=""/></td></tr><td align="center"><strong>'+ document.getElementById("equipoB"+pos).value +'</strong></td></tr></table>');

                    $("#enviar").html('<input style="font-size: 100%" type="button" class="button" value="Editar Resultado" onclick="editarPolla();"/>');
                    $("#cance").html('<input style="font-size: 100%" type="reset" class="button" value="Cancelar" onclick="limpiar();"/>');
                }
            
            }
            
            function botones(){
                
                $("#enviar").html('<input style="font-size: 100%" type="button" class="button" value="Registrar Resultado" onclick="validar();"/>');
                $("#cance").html('<input style="font-size: 100%" type="reset" class="button" value="Cancelar" onclick="limpiar();"/>');
                
            }
            
            
            function editarPolla(){
                
                var tc = 3;
                
                var oidp = $("#oidpro").val();
                var res1 = $("#resA").val();
                var res2 = $("#resB").val();
                
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Controlador/consultas/crudPolla.php",
                    data: {tc:tc,oidp:oidp,res1:res1,res2:res2},
                    success: pollas3,
                    timeout: 4000
                });
                
            }
            
            function pollas3(){
                limpiar();
                mostrarPolla();
                
            }
            (function(a){a.fn.validCampoFranz=function(b)
                {a(this).on({keypress:function(a)
                        {var c=a.which,d=a.keyCode,e=String.fromCharCode(c).toLowerCase(),f=b;(-1!=f.indexOf(e)||9==d||37!=c&&37==d||39==d&&39!=c||8==d||46==d&&46!=c)&&161!=c||a.preventDefault()}})}})(jQuery);

            $(function(){
                //Para escribir solo letras
                //$('#nombres').validCampoFranz(' abcdefghijklmnÃ±opqrstuvwxyzÃ¡Ã©iou');
                //$('#apellidos').validCampoFranz(' abcdefghijklmnÃ±opqrstuvwxyzÃ¡Ã©iou');

                //Para escribir solo numeros    
                $('#resA').validCampoFranz('0123456789');
                $('#resB').validCampoFranz('0123456789');
                //$('#').validCampoFranz('abcdefghijklmnÃ±opqrstuvwxyzÃ¡Ã©iou');
                //$('#').validCampoFranz('0123456789');

            });
            
            
            function valida(){
                var contrase = $("#contrase").val();
                var Ncontrase = $("#Ncontrase").val();
                var Rcontrase = $("#Rcontrase").val();
                
                if(contrase == ""){
                     userApprove("<h1><br></h1><b>Digite Contraseña Actual</p>", "OK", function() { });
                    $("#contrase").focus();
                    return false;
                }
                if(Ncontrase == ""){
                     userApprove("<h1><br></h1><b>Digite Nueva Contraseña</p>", "OK", function() { });
                    $("#Ncontrase").focus();
                    return false;
                }
                if(Rcontrase == ""){
                     userApprove("<h1><br></h1><b>Repita Nueva Contraseña</p>", "OK", function() { });
                    $("#Rcontrase").focus();
                    return false;
                }
                if(Ncontrase !==  $("#Rcontrase").val()){
                   userApprove("<h1><br></h1><p>Las contraseñas no coinciden</p>", "OK", function() { });
                   $("#Rcontrase").focus();
                   return false; 
                }
                
               editarContrase();
            }
            
            
                function editarContrase(){
                    var contrase = $("#contrase").val();
                    //var Ncontrase = $("#Ncontrase").val();
                    var Rcontrase = $("#Rcontrase").val();
                    var tc = 8;
                    
                    $.ajax({
                    type: "POST",
                    dataType: "json",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Controlador/consultas/crudUsuario.php",
                    data: {tc:tc,Rcontrase:Rcontrase,contrase:contrase},
                    success: mensaje, 
                    timeout: 4000
                });
                }
                
                
            function mensaje(datos){
                var res = datos.respuesta;
                
                if(res == 1){
                    userApprove("La contraseña se cambio satisfactoriamente", "OK", function() { });
                }else if(res == 2){
                    userApprove("Contraseña invalida", "OK", function() { });
                }
                
                document.getElementById("contrase").value = "";
                document.getElementById("Ncontrase").value = "";
                document.getElementById("Rcontrase").value = "";
                
                 
            }
            
            function cargarUsuariop(){
                
                var tc = 7;
                
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Controlador/consultas/crudUsuario.php",
                    data: {tc:tc},
                    success: respuestaUP,
                    timeout: 4000
                });
                
            }
            
            function respuestaUP(datos){
                
                rpt = $.parseJSON(datos);
                
                var resp = "";
                
                resp += "<table style='width:100%;font-size:60%' id='tablap'>\
                           <tr align='center' style='font-size:90%'>\
                                <td>\
                                    \
                                </td>\
                                <td>\
                                    <strong>Nombres</strong>\
                                </td>\
                                <td>\
                                    <strong>Servicio</strong>\
                                </td>\
                                <td>\
                                    <strong>Pollas Jugadas</strong>\
                                </td>\
                                <td>\
                                    <strong>Pollas Acertadas 10pt</strong>\
                                </td>\
                                <td>\
                                    <strong>Pollas Acertadas 8pt</strong>\
                                </td>\
                                <td>\
                                    <strong>Pollas Acertadas 6pt</strong>\
                                </td>\
                                <td>\
                                    <strong>Pollas Acertadas 2pt</strong>\
                                </td>\
                                <td>\
                                    <strong>Puntos Polla</strong>\
                                </td>\
                            </tr>";
                var temp = 0;
                var pos = 0;
                var con = 1;
                for(r in rpt){
                    
                        resp += '<tr>\
                                    <td id="filas" title="">\
                                        '+ con +'\
                                    </td>\
                                    <td id="filas" style="cursor:pointer;" title="Visualizar pollas jugadas del usuario '+ rpt[r].nombres  +'" onclick="cargarTa('+ rpt[r].OID +');">\
                                        <strong>'+ rpt[r].nombres +'</strong>\
                                    </td>\
                                    <td id="filas" title="">\
                                        '+ rpt[r].GDPNOMBRE +'\
                                    </td>\
                                     <td id="filas" title="">\
                                        '+ rpt[r].pja6 +'\
                                    </td>\
                                    <td id="filas" title="">\
                                        '+ rpt[r].pja2 +'\
                                    </td>\
                                    <td id="filas" title="">\
                                        '+ rpt[r].pja3 +'\
                                    </td>\
                                    <td id="filas" title="">\
                                        '+ rpt[r].pja4 +'\
                                    </td>\
                                    <td id="filas" title="">\
                                        '+ rpt[r].pja5 +'\
                                    </td>\
                                    <td id="filas" title="">\
                                        '+ rpt[r].PUNTAJE +'\
                                    </td>\
                                 </tr>';
                    con++;
                }
                
                resp += "</table>";
                $("#cju").append(resp);
            }
            
            
                /*se define el tiempo que el usuario a estado en sesion*/
                idleTime = 0;
                $(document).ready(function () {
                    //Increment the idle time counter every minute.
                    var idleInterval = setInterval("timerIncrement()", 10000); // 5 minutes

                    //Zero the idle timer on mouse movement.
                    $(this).mousemove(function (e) {
                        idleTime = 0;
                    });
                    $(this).keypress(function (e) {
                        idleTime = 0;
                    });
                });
                
            
            function timerIncrement() {
                idleTime = idleTime + 1;
                if (idleTime ==  0) { // 20 minutes
                    alert("Su tiempo de sesion a caducado...");
                    //document.location = ('../../Controlador/consultas/cerrarSesion.php');
                }
            }
            
            function cargarTa(usuoid){
                tablaPUsuarios(usuoid);
                //document.getElementById('light4').style.display='block';document.getElementById('fade').style.display='block'
                
            }
        
        
            /*si el usuario lleva inactivo 15 minutos la aplicacion
             *mostrara un mensaje informando que el tiempo de sesion a caducado*/
            
            
            var tim=null;

            function stim() {
            if (tim!=null)clearTimeout(tim);
            tim=setTimeout("show()", 900000);
            return tim;
            }

            function show() {
                userApprove("Su sesion a caducado, debe ingresar de nuevo a la aplicacion", "OK", function() {document.location = ('../../Controlador/consultas/cerrarSesion.php'); });
            }
            
        </script>
        
    </head>
    <body onmousemove="stim();" onkeypress="stim();" onload="cargarRes();cargarProg();mostrarPolla2();botones();cargarUsuariop();">
        <table id="contenido" align="center">
            <tr>
                <td>
                    <!--<img style="margin-top: -11px;" src="../imagen/BANNERSES.png" width="100%" height="125" alt="BANNERSES"/>-->
                </td>
            </tr>
            <tr>
                <td align="right">
                    <table style="margin-right: 1px">
                        <tr>
                            <td>
                                <label style="font-size: 80%;"><strong><i><?php echo$_SESSION['nombres'] ?></i></strong></label>
                            </td>
                            <td>
                                <a href="../../Controlador/consultas/cerrarSesion.php"><img title="Cerrar Sesion" src="../imagen/logout.png" width="20" height="20" alt="logout"/></a>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <table id="contenido">
            <tr>
                <td>
                    <div id="jugados">
                        <table id="jugados2">
                            <tr>
                                <td align="center" style="background-color: whitesmoke;border-radius: 10px">
                                    <strong>PROGRAMACION</strong>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <table id="jugados2">
                                        <tr>
                                            <td>
                                                <div id="contenidop">
                                                    
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
                <td>
                    <div id="polla">
                        <table id="polla2">
                            <tr>
                                <td align="center" style="background-color: whitesmoke;border-radius: 10px">
                                    <strong>TU RESULTADO</strong>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <form>
                                        <table id="polla2">
                                            <tr>
                                                <td align="center">
                                                    <div id="equipoA" style="height: 130px;background-color: whitesmoke;">

                                                    </div>
                                                </td>
                                                <td align="center">
                                                    <label style="font-size: 300%"><strong><i>VS</i></strong></label>
                                                </td>
                                                <td align="center">
                                                    <div id="equipoB" style="height: 130px;background-color: whitesmoke;">
                                                        
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="center">
                                                    <!--<select name="" id="resA">
                                                        <option value="0">0</option>
                                                    </select>-->
                                                    <input type="text" name="txtresultadoA" value="" id="resA" style="width: 8%; height: 80%; padding: 1px" maxlength="2"/>
                                                </td>
                                                <td align="center">
                                                    <div id="fechae">

                                                    </div>
                                                </td>
                                                <td align="center">
                                                    <!--<select name="" id="resB">
                                                        <option value="0">0</option>
                                                    </select>-->
                                                    <input type="text" name="txtresultadoB" value="" id="resB" style="width: 8%; height: 80%; padding: 1px" maxlength="2"/>
                                                    <input type="hidden" name="" value="" id='oidpro'/>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" align="right">
                                                    <table>
                                                        <tr>
                                                            <td>
                                                                <div id="enviar">
                                                                    
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div id="cance">
                                                                    
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    </form>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan='2'>
                    <div id="programacion">
                        <table id="programacion2">
                            <tr>
                                <td align="center" style="background-color: whitesmoke;border-radius: 10px">
                                    <strong>MIS RESULTADOS</strong>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <table id="programacion2">
                                        <tr>
                                            <td>
                                                <div id="contenidor">
                                                    
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <table align="left" >
                                        <tr>
                                            <td>
                                                <img title="Reglas de juego" style="cursor: pointer;" src="../imagen/ayuda.png" width="20" height="20" alt="lista" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'"/>
                                            </td>
                                            <td>
                                                <img title="Cambio Contraseña" style="cursor: pointer;" src="../imagen/cambiar.gif" width="20" height="20" alt="cambiar" onclick = "document.getElementById('light2').style.display='block';document.getElementById('fade').style.display='block'"/>

                                            </td>
                                            <td>
                                                <img title="Tabla de posiciones" style="cursor: pointer;" src="../imagen/rank.jpg" width="20" height="20" alt="cambiar" onclick = "document.getElementById('light3').style.display='block';document.getElementById('fade').style.display='block'"/>
                                                <img title="Tabla de posiciones" style="cursor: pointer;" src="../imagen/buscar.jpg" width="20" height="20" alt="cambiar" onclick = "document.getElementById('light5').style.display='block';document.getElementById('fade').style.display='block'"/>                    
                                            </td>
                                            <td>
                                                <img title="Actualizar" style="cursor: pointer;" src="../imagen/recargar2.png" width="20" height="20" alt="recargar2" onclick="document.location.reload();"/>
                                            </td>
                                        </tr>
                                    </table>
                                    <table align="right" >
                                        <tr>
                                            <td>
                                                <div id="puntuacion"></div>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div id="light" class="white_content" >
                        <table  width="100%" >
                            <tr>
                                <td align="center">
                                    <label style="font-size: 100%"><strong><i>REGLAS DEL JUEGO</i></strong></label>
                                </td>
                                <td width="5%">
                                    <button type="button"  onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">X</button>
                                </td>
                            </tr>
                            <tr>
                                <td style='font-size: 90%; padding: 2%'>
                                    <div style="background-color: whitesmoke;opacity: .65; border-radius: 10px">
                                        <div style="color: black; padding: 0.4%;padding: 20px;overflow-y:scroll;height: 280px">
                                        <p align="justify"><b>Puntuación</b></br>
                                        </br>
                                        Para cada partido cada usuario podrá hacer su pronóstico del resultado (ejemplo: Brasil:2 - Alemania:1).</br>
                                        </br>
                                        En cada partido podrás acumular según las siguientes reglas:</br>
                                        </br>
                                        Por acertar el resultado: </br>
                                        </br>
                                        Si aciertas quien fue el equipo ganador o empate obtendrás 6 puntos . Por ejemplo, tu pronóstico fue 2 - 1, y el partido terminó 1 - 0, obtendrás 6 puntos por acertar el resultado. Igual caso si el partido termina 2-2 y tu pronóstico fue de 0-0.</br>
                                        </br>
                                        Por acertar el número de goles de cada equipo: </br>
                                        </br>
                                        Si aciertas el número de goles marcados por cada equipo, por ejemplo si el partido termina 2-1 y tu pronóstico fue de 0-1, obtienes 2 puntos por acertar el número de goles del visitante.</br>
                                        </br>
                                        Al final si aciertas con todas las reglas anteriores obtendras 10 puntos que es el mayor puntaje por cada juego.
                                        </p>
                                        <p align="justify"><b>Tiempo de Juego</b></br>
                                        </br>
                                        Para cada encuentro los juegos se cerraran 20 minutos antes de la hora  registrada en la programacion.</br>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                   <div id="fade" class="black_overlay"></div>
                   <div id="light2" class="white_content">
                       <table  width="100%" >
                            <tr>
                                <td align="center">
                                    <label style="font-size: 100%"><strong><i>CAMBIO DE CONTRASEÑA</i></strong></label>
                                </td>
                                <td width="5%">
                                    <button type="button"  class="" onclick = "document.getElementById('light2').style.display='none';document.getElementById('fade').style.display='none'">X</button>
                                </td>
                            </tr>
                       </table>
                       <table align="center" width="90%"  style="background-color: whitesmoke;opacity: .75;border-radius: 10px">
                            <tr>
                                <td colspan="2" align="center" style="padding: 8%;">
                                   <form>
                                    <table>
                                        <tr>
                                            <td align="center" colspan="9">
                                        </tr>
                                    </table>
                                    <table id="cambio">
                                        <tr>
                                            <td>
                                                Contraseña Actual:
                                            </td>
                                            <td>
                                                <input id="contrase" type="password" name="txtcontrase" value="" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                Nueva Contraseña:
                                            </td>
                                            <td>
                                                <input id="Ncontrase" type="password" name="txtNcontrase" value="" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                Repita Contraseña:
                                            </td>
                                            <td>
                                                <input id="Rcontrase" type="password" name="txtNcontrase" value="" />
                                            </td>
                                        </tr>
                                    </table>
                                    <br>
                                    <table>
                                        <tr>
                                            <td colspan="2" align="center">
                                                <input type="button"   class="button" value="Guardar" onclick="valida();"/>
                                                
                                            </td>
                                            <td>
                                                <input type="reset" class="button" value="Limpiar" class="white" />
                                            </td>
                                        </tr>
                                    </table>
                                   </form>
                                </td>
                            </tr>
                        </table>
                    </div>
                   <div id="fade" class="black_overlay"></div>
                   <div id="light3" class="white_content2" >
                       <table  width="100%" >
                            <tr>
                                <td align="center">
                                    <strong>TABLA DE POSICIONES</strong>
                                </td>
                                <td width="5%">
                                    <button type="button"  onclick = "document.getElementById('light3').style.display='none';document.getElementById('fade').style.display='none'">X</button>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" align="center" style="padding: 20px">
                                    <div id="cju" style="border-radius: 10px;">
                                        
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                   <div id="fade" class="black_overlay"></div>
                   <div id="alertcontainer">
                        <div id="alertbg"></div>
                            <div id="messagefg">
                                 <div align="center">
                                         <div></div>
                                 </div>
                             </div>
                     </div>
                    <div id="light4" class="white_content2" >
                       <table  width="100%" >
                            <tr>
                                <td align="center">
                                    <strong>Pollas Juagadas por <div id="usua"></div></strong>
                                </td>
                                <td width="5%">
                                    <button type="button"  onclick = "document.getElementById('light4').style.display='none';document.getElementById('fade2').style.display='none'">X</button>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" align="center" style="padding: 20px">
                                    <div id="taup" style="border-radius: 10px;">
                                        
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td align="right">
                                    <table style="font-size: 90%;">
                                        <tr>
                                            <td>
                                                <label style="color: whitesmoke">Total: </label>
                                            </td>
                                            <td>
                                                <label style="color: whitesmoke"><div id="tpusu"></div></label>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </div>
                   <div id="fade2" class="black_overlay"></div>
                   <div id="light5" class="white_content2" >
                       <table  width="100%" >
                            <tr>
                                <td align="center">
                                    <strong>TITULO<div id="usua"></div></strong>
                                </td>
                                <td width="5%">
                                    <button type="button"  onclick = "document.getElementById('light5').style.display='none';document.getElementById('fade').style.display='none'">X</button>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" align="center" style="padding: 20px">
                                    <div id="taup" style="border-radius: 10px;">
                                        
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td align="right">
                                    <table style="font-size: 90%;">
                                        <tr>
                                            <td>
                                                <label style="color: whitesmoke">Total: </label>
                                            </td>
                                            <td>
                                                <label style="color: whitesmoke"><div id="tpusu"></div></label>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </div>
                   <div id="fade" class="black_overlay"></div>
                </td>
            </tr>
        </table>
    </body>
</html>
<input type="hidden" name="txtoidpj" value="" id="pj"/>